<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 390px;
            font-size: 1rem;
            line-height: 26px;
            text-align: center;
            margin: 0 auto;
            /* background-color: aqua; */
            box-sizing: border-box;
        }
       div p{
            text-align: left;
            padding: 0 0 0 40px;
        }
    </style>
</head>

<body>
    <div>
        <h1> 将进酒·君不见</h1>
        <h3>[ 唐 ] 李白</h3>

        <p> 君不见，黄河之水天上来，奔流到海不复回。<br>

            君不见，高堂明镜悲白发，朝如青丝暮成雪。<br>

            人生得意须尽欢，莫使金樽空对月。<br>

            天生我材必有用，千金散尽还复来。<br>

            烹羊宰牛且为乐，会须一饮三百杯。<br>

            岑夫子，丹丘生，将进酒，杯莫停。<br>

            与君歌一曲，请君为我倾耳听。<br>

            钟鼓馔玉不足贵，但愿长醉不复醒。<br>

            古来圣贤皆寂寞，惟有饮者留其名。<br>

            陈王昔时宴平乐，斗酒十千恣欢谑。<br>

            主人何为言少钱，径须沽取对君酌。<br>

            五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。</p>
    </div>
    <script>
        var div = document.querySelector('div')
        // 禁用右键菜单 contextmenu
        div.addEventListener('contextmenu',function(e){
                       e.preventDefault();
        })
        // 禁止选中文字 selectstart
        div.addEventListener('selectstart',function(e){
                       e.preventDefault();
        })
    </script>
</body>

</html>